import React from 'react';
import {inject, observer} from 'mobx-react';
import * as mobx from 'mobx';
import {WeaLocaleProvider, WeaFormItem} from "ecCom";
const getLabel = WeaLocaleProvider.getLabel;

const warpper = {
    labelCol: {span: 4},
    wrapperCol: {span: 20}
};

export default class Main extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        const {data} = this.props;

        return (
            <div className="second-auth-cert">
                {
                    data.map(item => {
                        const domKey = typeof item.domkey === "object" ? item.domkey[0] : item.domkey;
                        return (
                            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@ct8g6v@${domKey}`} {...warpper} label={item.label} underline>
                                <span className="item">{item.value}</span>
                            </WeaFormItem>
                        );
                    })
                }
            </div>
        );
    }
}